<script setup>
	import {
		onMounted,
		ref
	} from 'vue';
	const newsDetailsData = ref([])
	onMounted(() => {
		newsDetailsData.value = uni.getStorageSync('newsDetailsData')
	})
</script>

<template>
	<view class="newsDetails page">
		<view class="title"><text>{{ newsDetailsData.title }}</text></view>
		<view class="content">
			<image :src="newsDetailsData.imagePath"></image>
			<text>{{ newsDetailsData.content }}</text>
		</view>
	</view>
</template>

<style scoped lang="scss">
	.newsDetails {
		.title {
			text {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}

		.content {
			display: flex;
			flex-direction: column;
		}
	}
</style>